<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
<title>YCG | Home </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link href="/study/Public/homes/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="/study/Public/homes/css/owl.carousel.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/study/Public/bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="/study/Public/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="/study/Public/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="/study/Public/homes/css/magnific-popup.css">
<script src="/study/Public/bootstrap/js/owl.carousel.js"></script>
	<script>
			$(document).ready(function() {
				$("#owl-demo").owlCarousel({
					items : 4,
					lazyLoad : true,
					autoPlay : true,
					navigation : true,
					navigationText : ["", ""],
					rewindNav : false,
					scrollPerPage : false,
					pagination : false,
					paginationNumbers : false,
				});
			});
		</script>
		<!-- //Owl Carousel Assets -->
		<!--768px-menu-->
		<link type="text/css" rel="stylesheet" href="/study/Public/homes/css/jquery.mmenu.all.css" />
		<script type="text/javascript" src="/study/Public/bootstrap/js/jquery.mmenu.js"></script>
			<script type="text/javascript">
				//	The menu on the left
				$(function() {
					$('nav#menu-left').mmenu();
				});
		</script>
		<!--//768px-menu-->

		<style type="text/css">
.group{
	margin-left: 50px;
	float: center;
}
.group img{
	width: 300px;
	height: 200px;
}
.group tr{
	width: 500px;
}
.groupname{
	margin-left: 50px;
}
.title{
	margin-left: 40px;
	font-family: 华文行楷;
	font-size: 60px;
	font-weight:bold;
}
.m{
	margin-left: 30px;
}
.table1{
	margin-top: 0px;
	padding: 0;
}
.user1{
	margin-top: -450px;
	margin-left: -70px;
}
.user2{
	margin-top: -307px;
}
.shenqing{
	margin-left: 350px;
	font-family: 华文行楷;
	font-size: 30px;
	margin-top: 430px;

}
.shenqing1{
	margin-left: 350px;
	font-family: 华文行楷;
	font-size: 30px;
	margin-top: 390px;

}
.shenqing2{
	margin-left: 300px;
	font-family: 华文行楷;
	font-size: 30px;
	margin-top: -100px;
}
.hit{
	margin-left: 400px;
	padding: 0px;
	font-weight: bold;
}
		</style>
</head>
<body>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
	<div class="header">
		<div class="logo">
			<a href="index.html">
				<img src="/study/Public/homes/images/lg.png" alt=""/>
				<h1>YCG</h1>
				<div class="clear"> </div>
			 </a>
		</div>
		<div class="text">
		  <?php if(session('user.username') != null): ?><p><?php echo '欢迎您:'.session('user.username') ?></p><?php endif; ?>
		</div>
		<div class="clear"> </div>
	</div>
</div>
</div>
<!-- start header -->
<div class="header_btm">
	<div class="wrap">
		<!--start-768px-menu-->
			<div id="page">
					<div id="header">
						<a class="navicon" href="#menu-left"> </a>
					</div>
					<nav id="menu-left">
						<ul>
							<li class="active"><a href="<?php echo U('Index/index');?>">首页</a></li>
							<li><a href="<?php echo U('Group/grouplist');?>">社团页</a></li>
							<li><a href="<?php echo U('Practice/practicelist');?>">活动页</a></li>
							<li><a href="<?php echo U('Index/userDetail');?>">个人中心</a></li>
							<li><a href="">新闻动态</a></li>
					 <?php if(session('user.stunum') == null): ?><li>
                        <a href="#regModal" data-toggle="modal"  data-target="#regModal">注册</a></li>
                        <li>
                        <li><a  href="#loginModal" data-toggle="modal"  data-target="#loginModal">登录</a></li>
                        <?php else: ?><li><a href="<?php echo U('Index/logout');?>">注销</a></li><?php endif; ?>
						</ul>
					</nav>
			</div>
		<!--start-768px-menu-->
			<div class="header_sub">
				<div class="h_menu">
					<ul>
						<li class="active"><a href="<?php echo U('Index/index');?>">首页</a></li>
						<li><a href="<?php echo U('Group/grouplist');?>">社团页</a></li>
						<li><a href="<?php echo U('Practice/practicelist');?>">活动页</a></li>
						<li><a href="<?php echo U('Index/userDetail?id=session("user.stunum")');?>">个人中心</a></li>
						<li><a href="">新闻动态</a></li>
						<?php if(session('user.stunum') == null): ?><li>
                        <a href="#regModal" data-toggle="modal"  data-target="#regModal">注册</a></li>           
                        <li><a href="#loginModal" data-toggle="modal"  data-target="#loginModal">登录</a></li>
                        <?php else: ?><li><a href="<?php echo U('Index/logout');?>">注销</a></li><?php endif; ?>

					</ul>
				</div>
				<div class="h_search">
		    		<form>
		    			<input type="text" value="" placeholder="search something...">
		    			<input type="submit" value="">
		    		</form>
				</div>
				<div class="clear"> </div>
			</div>
	</div>
</div>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
        <h4 class="modal-title" id="loginModallabel">用户登录:</h4>
      </div>
      <form  method="post" action="<?php echo U('Index/dologin');?>" class="form-horizontal">
    <div class="form-group">
    <label for="stunum" class="col-sm-2 control-label">用户名:</label>
    <div class="col-sm-6">
    <input type="text" class="form-control" id="stunum" name="stunum" placeholder="stunum"  >
    </div></div>

    <div class="form-group">
    <label for="pass" class="col-sm-2 control-label">密码:</label>
    <div class="col-sm-6">
    <input type="password" class="form-control" id="pass" name="pass"  placeholder="password" >
    </div></div>

    <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
     <button type="submit" class="btn btn-primary">登陆</button>
      </div>
      </form>
    </div>
  </div>
</div>
			<!---start-banner-->
			<div class="banner" id="move-top">
				<!--start-image-slider-->
					<div data-scroll-reveal="enter bottom but wait 0.7s" class="img-slider" id="home">
						<div class="wrap">
							<div class="slider">
								<ul id="jquery-demo">
								  <li>
								    <a href="#slide1">
								    </a>
								    <div data-scroll-reveal="enter bottom but wait 0.7s" class="slider-detils">
								    	<h3>Lorem ipsum dolor sit amet.</h3>
								    	<span>consectetur adipisc ing elit</span>
								    </div>
								  </li>
								  <li>
								    <a href="#slide2">
								    </a>
								      <div data-scroll-reveal="enter bottom but wait 1s" class="slider-detils">
								    	<h3>Lorem Ipsum has been the industry's</h3>
								    	<span>Aliquam viverra consectetur nibh a blan dit.</span>
								    	</div>
								  </li>
								  <li>
								    <a href="#slide3">
								    </a>
								      <div data-scroll-reveal="enter bottom but wait 1.5s" class="slider-detils">
								      	<h3>There are many variations of passages </h3>
								    	<span>Proin at amet consectetur adipisc lacinia.</span>
								    </div>
								  </li>
								</ul>
							</div>
						</div>
					</div>
					<div class="clear"> </div>
				</div>
						<!--slider-->
				<link rel="stylesheet" href="/study/Public/homes/css/slippry.css">
				<script src="/study/Public/bootstrap/js/jquery-ui.js" type="text/javascript"></script>
				<script src="/study/Public/bootstrap/js/scripts-f0e4e0c2.js" type="text/javascript"></script>
				<script>
					  jQuery('#jquery-demo').slippry({
					  // general elements & wrapper
					  slippryWrapper: '<div class="sy-box jquery-demo" />', // wrapper to wrap everything, including pager
					  // options
					  adaptiveHeight: false, // height of the sliders adapts to current slide
					  useCSS: false, // true, false -> fallback to js if no browser support
					  autoHover: false,
					  transition: 'fade'
					});
				</script>
				<!---scrooling-script-->
					<!--//End-image-slider-->
					<div class="simple-text">
						<div class="wrap">
							<h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</h4>
							<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
						</div>
					</div>
			<div class="Recent-wroks"><!-- start services -->
				<div class="wrap">
				<div class="Recent-wrok">
					<h5 class="heading">Recent practices</h5>
					<!--start-img-cursual-->
					<div id="owl-demo" class="owl-carousel">
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/11.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/1.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Lorem ipsum dolor amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt dolore magna aliqua.
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/22.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/2.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/33.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/3.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/44.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/4.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Lorem ipsum dolor amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt dolore magna aliqua.
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/11.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/1.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/22.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/2.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/44.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/4.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/33.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/3.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/11.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/1.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Lorem ipsum dolor amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt dolore magna aliqua.
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/44.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/4.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/33.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img src="/study/Public/homes/images/3.jpg" >
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
								</p>
							</div>
						</div>
						<div class="item">
							<div class="cau_left">
								<div id="nivo-lightbox-demo"> <p> <a href="/study/Public/homes/images/22.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
								<img  src="/study/Public/homes/images/2.jpg">
							</div>
							<div class="cau_left">
								<h4><a href="#">Lorem ipsum</a></h4>
								<p>
									Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
								</p>
							</div>
						</div>
					</div>
					<!--//End-img-cursual-->
				</div>
				 <script type="text/javascript" src="/study/Public/bootstrap/js/nivo-lightbox.min.js"></script>
				<script type="text/javascript">
				$(document).ready(function(){
				    $('#nivo-lightbox-demo a').nivoLightbox({ effect: 'fade' });
				});
				</script>
				</div>
			</div>
			<div class="last_posts"><!-- start last_posts -->
				<div class="wrap">
					<h5 class="heading">Last posts</h5>
					<div class="l-grids">
						<div class="l-grid-1">
							<div class="desc">
								<h3>Lorem ipsum dolor amet,consectetur</h3>
								<span>2nd  &nbsp; sep</span>
								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
							</div>
							<img src="/study/Public/homes/images/im1.jpg">	
							<div class="clear"> </div>
						</div>
						<div class="l-grid-1 l-grid-2">
							<div class="desc">
								<h3>Lorem ipsum dolor amet,consectetur</h3>
								<span>2nd  &nbsp; sep</span>
								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
							</div>
							<img src="/study/Public/homes/images/im.jpg">	
							<div class="clear"> </div>
						</div>
						<div class="clear"> </div>
					</div>
				</div>
			</div>
			</div>
			</div>

			  <!-- regModal -->
<div class="modal fade" id="regModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
        <h4 class="modal-title" id="myModalLabel">用户注册：</h4>
      </div>
      <div class="modal-body">
      <form method="post" enctype="multipart/form-data"  action="<?php echo U('Index/register');?>"  class="form-horizontal">
       <table>
    <div class="form-group">
    <label for="username" class="col-sm-2 control-label">用户名:</label>
    <div class="col-sm-6">
    <input type="text" class="form-control" id="username" name="username" placeholder="username"  >
    </div></div>

    <div class="form-group">
    <label for="pass" class="col-sm-2 control-label">密码:</label>
    <div class="col-sm-6">
    <input type="password" class="form-control" id="pass" name="pass"  placeholder="password" >
    </div></div>

    <div class="form-group">
    <label for="pass2" class="col-sm-2 control-label">确认密码:</label>
    <div class="col-sm-6">
    <input type="password" class="form-control" id="pass2" name="pass2"  placeholder="confirm password" >
    </div></div>

    <div class="form-group">
    <label for="stunum" class="col-sm-2 control-label">学号:</label>
    <div class="col-sm-6">
    <input type="text" class="form-control" id="stunum" name="stunum"  placeholder="stunum" >
    </div></div>
     
    <div class="form-group">
    <label for="email" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-6">
    <input type="email" class="form-control" id="email" name="email" placeholder="Email" >
    </div></div>


    <div class="form-group">
    <label for="tele" class="col-sm-2 control-label">电话</label>
    <div class="col-sm-6">
    <input type="tel" class="form-control" id="tele" name="tele" placeholder="telephone" ></input>
    </div></div>

    <div class="form-group">
    <label for="realname" class="col-sm-2 control-label">姓名:</label>
    <div class="col-sm-6">
    <input type="text" class="form-control" id="realname" name="realneme" placeholder="realname" >
    </div></div>

    <div class="form-group">
    <label for="exampleInputFile" class="col-sm-2 control-label" >头像:</label>
    <div class="col-sm-6">
    <input type="file" id="exampleInputFile" name="photo">
    </div></div>
       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="submit" class="btn btn-primary">注册</button>
      </div>
      </table></form>
    </div>
  </div>
<!-- loginModal -->

</body>
</html>